document.write(`<script src="./menu/menu.js"></script>`);
document.write(`<script src="./textarea/textarea.js"></script>`);
document.write(`<script src="./help/help.js"></script>`);
document.write(`<script src="./replace/replace.js"></script>`);
class Notepad extends HTMLElement{
    constructor(){
        super();
        this.template = document.createElement("template");
        this.template.innerHTML = this.#html;
        this.appendChild(this.template.content);
    }
    #html = `
        <div>
            <notepad-menu></notepad-menu>
            <notepad-textarea></notepad-textarea>
            <notepad-help></notepad-help>
            <notepad-replace></notepad-replace>
        </div>
    `;
}
customElements.define("my-notepad", Notepad);